<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Saigonzoom - Under Construction</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="alternate stylesheet" type="text/css" href="style/css/blue.css" title="style1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style/css/green.css" title="style2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style/css/purple.css" title="style3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style/css/red.css" title="style4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="style/css/yellow.css" title="style5" media="screen" />
<link rel="stylesheet" type="text/css" href="style/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="style/css/ie.css" />
<![endif]-->
<script type="text/javascript" src="style/js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="style/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<script type="text/javascript" src="style/js/jquery.countdown.min.js"></script>
<script type="text/javascript" src="style/js/cufon.yui.js"></script>
<script type="text/javascript" src="style/js/junction.js"></script>
<script type="text/javascript" src="style/js/styleswitch.js"></script>
<script type="text/javascript" src="style/js/custom.js"></script>
<!--- <script>
	$(document).ready(function(){
		$('a#vietnamese').click(function(){
			var h2text = $('h2').text();
			var ptext = $('p').text();
			var h3contactus = $('h3#contactus').text();	
		});
	});
</script> --->
<script type="text/javascript">
			Cufon.replace('h2, p, h3');
</script>
<script type="text/javascript">
$(document).ready(function(){
	var invalidMailError	= "E-mail is not valid.";
	var duplicateMailError	= "E-mail is already in the list.";
	var systemError			= "An error occurred. Please try again.";
	var successMessage		= "Your e-mail is added to the list.";

	$(".resultText").hide();
	$(".loader").hide();
	
    $('form#newsletterForm').bind('submit', function(e){
		$(".resultText").hide();
		$(".loader").show();
		var email  = $('input#email').val();
        e.preventDefault();
		
		$.ajax({
			type: 'POST',
			url: 'newsletter.php?email='+email,
			data: '',
			success: function(theResponse){
				$(".resultText").fadeIn("slow");
				$(".resultText").animate({opacity: 1.0}, 3000);
				$(".resultText").fadeOut(1500);
				
				if (theResponse == 1) {
					$(".resultText").html(successMessage);
				}
				if (theResponse == 2) {
					$(".resultText").html(invalidMailError);
				}
				if (theResponse == 3) {
					$(".resultText").html(duplicateMailError);
				}
				$(".loader").hide();
			},
			error: function(){
				$(".resultText").html(systemError);
				$(".loader").hide();
			}		
		});
	});
			
});
</script>
<!--[if IE 7]>
	<script type="text/javascript">
			$(document).ready(function() {
				$("#inline").fancybox({
						'autoDimensions'	:	false,
						'width'	:	600,
						'height'	:	480
						
						
					});
			});
		</script>
<![endif]-->
<script type="text/javascript">      
$(document).ready(function() {
    $("#ajax-contact-form").submit(function() {
        $('#load').append('<center><img src="#" width="0" height="0" alt="Currently Loading" id="loading" /></center>');

        var fem = $(this).serialize(),
			note = $('#note');
	
        $.ajax({
            type: "POST",
            url: "contact/contact.php",
            data: fem,
            success: function(msg) {
				if ( note.height() ) {			
					note.slideUp(1000, function() { $(this).hide(); });
				} 
				else note.hide();

				$('#loading').fadeOut(300, function() {
					$(this).remove();

					// Message Sent? Show the 'Thank You' message and hide the form
					result = (msg === 'OK') ? '<div class="success">Your message has been sent. Thank you!</div>' : msg;

					var i = setInterval(function() {
						if ( !note.is(':visible') ) {
							note.html(result).slideDown(1000);
							clearInterval(i);
						}
					}, 40);    
				}); // end loading image fadeOut
            }
        });

        return false;
    });
});
</script>
<script language="JavaScript">


function closeIt() {
  close();
}


</script>
</head>
<body>
<div id="wrapper">
  <div id="logo"> <a href="#"><img src="style/images/logo.png" alt="Company Name" /></a> </div>
  <!--end-logo-->
  <div id="page-container">
    <div class="container"> <div class="content">
		
      <h2>Our Website is Under Construction</h2>

      <p>We&#39;ll be here soon with a new website. Estimated Time Remaining;</p>
      <span class="defaultCountdown"></span><!--end-countdown--> 
      
     <!-- Newsletter -->
    
      
      <!-- End Newsletter -->
      
      <div class="contact-wrapper">
		
        <div class="contact-us"> <div class="contact-text">
          <h3 id="contactus">Contact Us:</h3>
          
          <ul class="links">

            <li><a href="#contactform" id="inline"><img src="style/images/icon-contact.png" alt="Contact Us" title="Contact Us" /></a></li>
          </ul>
          <!--end-social-links--> 
          </div>
        </div>
        <div class="social"> <div class="contact-text">
          <h3 id="followus">Follow Us:</h3>
          <ul class="links">
            <li><a href="#"><img src="style/images/icon-fb.png" alt="Facebook" title="Facebook" /></a></li>
            <li><a href="#"><img src="style/images/icon-tw.png" alt="Twitter" title="Twitter" /></a></li>
          </ul>
        </div>
          <!--end-social-links--> 
        </div>
      </div>
		
          <!--end-social-links--> 
		 <!---  <div id="newsletter">
      		<ul class="links">
            	<li><a id="vietnamese" href="#"><img src="style/images/vietnam_small.png" alt="Vienamese" title="Vienamese" /></a></li>
            	<li><a id="english" href="#"><img src="style/images/english.gif" alt="English" title="English" /></a></li>
          	</ul>
      	</div> --->
	
      </div> </div>
	
    <div class="shadow"></div>
	
  </div>
  <!--end-page-container--> 
</div>
<!--end-wrapper-->

<div style="display:none;">
<!--begin:contact form block-->
<div id="contactform"> 
  
  <!--begin:notice message block-->

  <div id="note"></div>
  <!--begin:notice message block-->
  
  <form id="ajax-contact-form" method="post">
  <label>Phone</label>
  <input class="required inpt" type="text" name="name" value="0933969099" disabled/>
  <br />
  <label>E-Mail</label>
  <input class="required inpt" type="text" name="email" value="thu.nguyen@saigonzoom.com" disabled/>

  <br />
  <div class="clear"></div>
  </div>
  <!--end:contact form block--> 
</div>
<div class="panel">
<h3>Colors</h3>

<ul class="sw">
<li><a class="styleswitch" style="background-color:#5997b7;" href="#" rel="style1">&nbsp;</a></li>
<li><a class="styleswitch" style="background-color:#8db252;" href="#" rel="style2">&nbsp;</a></li>
<li><a class="styleswitch" style="background-color:#8872b3;" href="#" rel="style3">&nbsp;</a></li>
<li><a class="styleswitch" style="background-color:#b25151;" href="#" rel="style4">&nbsp;</a></li>
<li><a class="styleswitch" style="background-color:#b8af5c;" href="#" rel="style5">&nbsp;</a></li>
</ul>
<div style="clear:both;"></div>
</div>
</body>
</html>
